<template>
  <j-modal title="督办设置" :width="800" :visible="visible" switchFullscreen @cancel="handleCancel" @ok="handleOk">
    <div>
      <div>默认处置时间设置</div>
      <a-form-model :model="form" :label-col="{ span: 5 }" :wrapper-col="{ span: 8 }">
        <a-form-model-item label="默认处置时间期限">
          <div class="l-form display">
            <a-tooltip placement="top">
              <template slot="title">
                <span>在默认处置时间期限内完成“待办事项”的工作处理就不触发“督办通知”</span>
              </template>
              <a-button shape="circle" icon="question" size="small"></a-button>
            </a-tooltip>
            <a-input-number style="width: 200px" v-model="form.defaultTime" placeholder="请输入数字" />
            <span>天</span>
          </div>

        </a-form-model-item>
      </a-form-model>
    </div>
    <div>
      <div>督办规则通知</div>
      <a-form-model :model="form" :label-col="{ span: 3 }" :wrapper-col="{ span: 16 }">
        <a-form-model-item label="普通督办">
          <div class="l-form display">
            <span>
              如专职工作人员超过默认完成处置工作的时间期限
              <a-input-number style="width: 20%" v-model="form.supervisCommon" placeholder="请输入数字" />
              <span>天</span>
              未完成工作指令，将提示该专职人员的乡镇/街道办管理人员进行跟进。
            </span>
          </div>
        </a-form-model-item>
        <a-form-model-item label="黄牌督办">
          <div class="l-form display">
            <span>
              如专职工作人员超过默认完成处置工作的时间期限
              <a-input-number style="width: 20%"  v-model="form.supervisYellowCard" placeholder="请输入数字" />
              <span>天</span>
              未完成工作指令，将提示该专职人员的市县（区）“严管工程”指挥部人员进行跟进。
            </span>
          </div>
        </a-form-model-item>
        <a-form-model-item label="红牌督办">
          <div class="l-form display">
            <span>
              如专职工作人员超过默认完成处置工作的时间期限
              <a-input-number style="width: 20%" v-model="form.supervisRedCard" placeholder="请输入数字" />
              <span>天</span>
              未完成工作指令，将提示该专职人员的省“严管工程”指挥部人员进行跟进。
            </span>
          </div>
        </a-form-model-item>
      </a-form-model>
    </div>
  </j-modal>
</template>
<script>
import {getSetId, saverSetup} from "@api/sjsk/specialist";

export default {
  name: 'AddModal',
  data() {
    return {
      visible: false,
      form: {},
      startValue: undefined,
    }
  },
  async created() {
  },
  methods: {
    show() {
      this.visible = true
      getSetId().then( res => {
        if(res.success){
          this.form = res.result
        }
      } )
    },
    onStartChange() {

    },
    onChange(e) {
      // if (e.target.value == '2') {
      //   this.isPositive = true
      // } else {
      //   this.isPositive = false
      // }
      console.log('radio checked', e.target.value);
    },
    onSwitchChange(e) {
      console.log(e);
      if (e) {
        this.isPolice = true
      } else {
        this.isPolice = false
      }
    },
    handleCancel() {
      this.visible = false
      this.form = {}
    },
    handleOk() {
      let data = {
        id:this.form.id,
        defaultTime:Number(this.form.defaultTime),
        supervisCommon:Number(this.form.supervisCommon),
        supervisRedCard:Number(this.form.supervisRedCard),
        supervisYellowCard:Number(this.form.supervisYellowCard),
      }
      saverSetup(data).then(res => {
        console.log(res)
        if(res.success){
          this.$message.success(
            '保存成功',
            10,
          );
        }
      })
      this.visible = false
    }
  },
}
</script>
<style lang="less" scoped>
.l-form{
  display: flex;
  align-items: center;
  margin-top: -5px;
}
.display>*{
  margin: 5px;
}
</style>
